﻿<Page
    x:Class="D_Form_App.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:D_Form_App"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Loaded="Page_Loaded_1"
    mc:Ignorable="d">
    <!--Background="{StaticResource ApplicationPageBackgroundThemeBrush}"-->
    <Grid>
        <Grid.Background>
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                <GradientStop Color="#464646" Offset="0"/>
                <GradientStop Color="#666666" Offset="0.4"/>
                <GradientStop Color="#808080" Offset="0.5"/>
                <GradientStop Color="#666666" Offset="0.6"/>
                <GradientStop Color="#464646" Offset="1"/>
            </LinearGradientBrush>
        </Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="140"/>
            <RowDefinition/>
            <RowDefinition Height="100"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="120"/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Grid Grid.Column="1" Grid.ColumnSpan="2">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Image Source="Assets/Icon.png" Width="140" Height="140"/>
            <TextBlock Text="D-Form" Style="{StaticResource PageHeaderTextStyle}" Grid.Column="1"/>
            <TextBlock x:Name="perfsMonitor" Margin="10" VerticalAlignment="Center" HorizontalAlignment="Right" Grid.Column="2"/>
        </Grid>

        <Border Grid.Row="1" Grid.Column="1" BorderBrush="#BBBBBB" BorderThickness="1" Margin="10">
            <Grid>
                <Image x:Name="before" Source="default.jpg" PointerPressed="before_PointerPressed_1" PointerReleased="before_PointerReleased_1"/>
                <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Right" Text="SOURCE (click to change)" FontSize="32" Foreground="#BBBBBB" FontWeight="Bold" Margin="5,2"/>
            </Grid>
        </Border>

        <Border Grid.Row="1" Grid.Column="2" BorderBrush="#BBBBBB" BorderThickness="1" Margin="10">
            <Grid>
                <Image x:Name="after" Stretch="Uniform"/>
                <TextBlock VerticalAlignment="Bottom" HorizontalAlignment="Right" Text="DESTINATION" FontSize="32" Foreground="#BBBBBB" FontWeight="Bold" Margin="5,2"/>
            </Grid>
        </Border>
    </Grid>
    <Page.BottomAppBar>
        <AppBar Padding="10,0,10,0" x:Name="bottomAppBar" IsSticky="True" IsOpen="True" IsHoldingEnabled="True" Opacity="1" >
            <StackPanel Orientation="Horizontal">
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Blur" HorizontalAlignment="Left" x:Name="blurButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Convolve Matrix" HorizontalAlignment="Left" x:Name="convolveButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Black and White" HorizontalAlignment="Left" x:Name="colorButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Sepia" HorizontalAlignment="Left" x:Name="sepiaButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Morphology" HorizontalAlignment="Left" x:Name="morphologyButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Satuation" HorizontalAlignment="Left" x:Name="saturationButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Hue" HorizontalAlignment="Left" x:Name="hueButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Brightness" HorizontalAlignment="Left" x:Name="brightnessButton" Click="effect_Click" Content="&#xE115;"/>
                <CheckBox Style="{StaticResource AppBarCheckBoxStyle}" AutomationProperties.Name="Polaroïd" HorizontalAlignment="Left" x:Name="polaroidButton" Click="effect_Click" Content="&#xE115;"/>
            </StackPanel>
        </AppBar>
    </Page.BottomAppBar>
</Page>
